<template>
  <div class="page return-deposit">
    <div class="scroll-view">
      <customHeader middleTitle="押金返还协议">
      </customHeader>
      <div class="page-body">
        <h3>纵横客产品租赁激励方案（第二期）</h3>
        <p className={styles.first}>北京云纵互联信息技术有限公司（以下简称“云纵互联”）提供纵横客产品供给商户使用，商户按照金员宝基础版套餐（含软件及配套硬件一台）899元/年、额外增加配套硬件899元/台/年，银联版套餐（含软件及配套硬件一台）999元/年、额外增加配套硬件999元/台/年的价格向云纵互联支付租金。</p>
        <p className={styles.first}>凡采取此种租赁方式订购的商户仅享有配套硬件的使用权，不享有配套硬件的所有权、处分权、收益权。</p>
        <p className={styles.first}>为激励商户使用纵横客产品进行收款，云纵互联将为参加激励活动的商户提供返现激励，返现激励需商户符合如下返现条件：</p>
        <h4>第一条&nbsp;&nbsp;&nbsp;返现条件</h4>
        <p>1.&nbsp;套餐返现条件：商户从云纵互联租赁的套餐产品配套硬件月交易GMV>=10万元人民币（仅限于互联网收款、银行卡收款的方式）。</p>
        <p>2.&nbsp;额外增加的配套硬件返现条件：商户从云纵互联额外租赁的配套硬件月交易GMV>=10万元人民币（仅限于互联网收款、银行卡收款的方式）。</p>
        <p>3.&nbsp;每台配套硬件交易GMV在商户采取租赁方式订购产品并支付相应的租金后的第二个自然月开始起算，周期为一个自然月（即每月1日至最后一日）。月交易GMV的数据以云纵互联后台系统数据为准。</p>
        <h4>第二条&nbsp;&nbsp;&nbsp;返现周期</h4>
        <p>1.&nbsp;基础版套餐/额外租赁的配套硬件返现周期：在商户采取租赁方式订购产品后下一个自然月的第一日开始起算，连续计算至第9个自然月的最后一日截止。</p>
        <p>2.&nbsp;银联版套餐/额外租赁的配套硬件返现周期：在商户采取租赁方式订购产品后下一个自然月的第一日开始起算，连续计算至第10个自然月的最后一日截止。 </p>
        <p className={styles.expain}>返现周期内，出现某个自然月交易GMV未达到返现条件的，当月不返现。此外，商户超出返现周期继续使用本协议项下硬件设备，不再返现。</p>
        <h4>第三条&nbsp;&nbsp;&nbsp;返现金额</h4>
        <p>1.&nbsp;基础版套餐/额外租赁的基础版配套硬件返现金额：对于返现周期内，达到返现条件，每月返现100元。在整个返现周期内，最高返现额为899元。（即最多返9个月，最后一个月达到返现条件返现99元。）</p>
        <p>2.&nbsp;银联版套餐/额外租赁的银联版配套硬件返现金额：对于返现周期内，达到返现条件，每月返现100元。在整个返现周期内，最高返现额为999元。（即最多返10个月，最后一个月达到返现条件返现99元。）</p>
        <h4>第四条&nbsp;&nbsp;&nbsp;返现时间及方式</h4>
        <p>在商户采取租赁方式订购纵横客金员宝产品以每个自然月（即每月1日至最后一日为一个自然月）为计算周期，云纵互联统计每个自然月的GMV交易数据，并在数据统计完 后，向符合返现条件的商户支付返现金额。
        </p>
        <p>返现方式为，云纵互联将相应的返现金额支付至商户支付租金的账户。</p>
        <h4>第五条&nbsp;&nbsp;&nbsp;执行、生效说明</h4>
        <p>1.&nbsp;本激励活动自2017年7月14日起执行，同日生效，截止日期为2019年12月31日。</p>
        <p>2.&nbsp;统计、计算所需要的数据、信息均以支付通道提供的数据、信息以及云纵系统提供的数据为准 。</p>
        <p>3.&nbsp;如本激励制度规则、操作流程需调整、修改，以补充、更正、修改通告、说明为准。</p>
        <p>4.&nbsp;本制度解释权归云纵互联所有。</p>
      </div>
      <div class="btn-wrap" v-if="orderWay==1">
        <div class="btn pay" @click="agree">确认变更</div>
      </div>
    </div>
  </div>
</template>

<script>
import Vue from "vue";
import customHeader from "../../components/header/header";
import { MessageBox, Toast } from "mint-ui";

export default {
  name: "returnDeposit",
  data() {
    return {
      orderWay:""
    };
  },
  methods: {
    agree() {
      const param = {
        orderId: this.$route.query.orderId
      };
      MessageBox({
        title: "变更成功",
        message: "您的设备订购方式已变更为租金，满足协议条件后才可返还。",
        showCancelButton: false,
        confirmButtonText: "知道了"
      }).then(action => {
        if (action === "confirm") {
          this.ajax({
            url: "app/orderService/agreeBackDeposit.do?orderId=" + param.orderId,
            type: "get",
            data: param,
            controlLoading: true
          })
            .then(res => {
              if (res.success) {
                this.$router.back(-1);
              } else {
                Toast(res.msg);
              }
            })
            .catch(err => {
              Toast(err.msg);
            });
        }
      });
    }
  },
  mounted() {
    // debugger
   this.orderWay= this.$route.query.orderWay;
  },
  components: {
    customHeader
  }
};
</script>
<style lang='scss' scoped>
@import "mall";
</style>
